<template>
  <el-row>
    <el-card :body-style="{ padding: '0px' }" shadow="never">
      <div slot="header" class="clearfix" >
        <span style="font-size: x-large">游戏设置及BUFF监控</span>
      </div>
      <div class="text item">
        <p>工欲善其事必先利其器</p>
        <p>清晰简洁的技能BUFF可以有效的提醒你该放什么技能了</p>
      </div>
    </el-card>
    <el-card :body-style="{ padding: '0px' }" shadow="never">
      <div class="text item">
        <p style="font-size: large"><label style="color: purple">起卦卦象预测</label></p>
        <p><label class="label">按下起卦时即可知道即将产生的卦象，原作者：凝光，我这边只是将监控数据做出来分享</label></p>
        <p>茗伊插件设置BUFF监控：</p>
        <p>1.在角色选择界面安装茗伊插件</p>
        <p>2.进入游戏界面右键头像，选择茗伊插件集-团队-团队监控-导入数据（联网）设置，如下图所示</p>
        <p>3.上方选择收藏数据-添加订阅-输入 猫灯灯-合并导入（哪个合并都行，如果以后如果重新导入其他团本监控一直选择合并）</p>
        <p>4.如果有删减更改需要，在数据设置-武学招式-查找（山卦、水卦、火卦）修改即可</p>
        <p><img src="../pve/image/qigua1.png" height="800" width="1018" class="setimage"></p>
        <p><img src="../pve/image/qigua2.png" height="800" width="1018" class="setimage"></p>
      </div>
    </el-card>
    <el-card :body-style="{ padding: '0px' }" shadow="never">
      <div class="text item">
        <p style="font-size: large"><label style="color: purple">鼠标位置施法</label></p>
        <p><label class="label">因为需要放置灯魂将目标框在连局内，所以灯魂的放置和移动需要手动选择位置释放，键位强烈推荐鼠标滚轮释放【奇门飞宫】</label></p>
        <p>现在放置【奇门飞宫】有系统内置的距离指示器，但是会影响放灯效率和手感，可以在ESC-游戏设置-特殊门派设定-开启技能范围提示-取消勾选（但是也会影响达摩洞踢球的距离指示器）</p>
        <p>剑心插件设置施法方式：</p>
        <p>1.在角色选择界面安装剑心插件</p>
        <p>2.进入游戏界面右键头像，选择剑心插件集-常用-技能增强，如下图所示</p>
        <p>3.点击启用功能，点击新建，输入技能ID，并在对应技能的右侧选择鼠标模式</p>
        <p>4.设置纵横三才（移灯）的快捷键：ESC-快捷键设置-灯笼快捷栏-设置技能1-3的三个灯笼的移灯快捷键。先放置的灯编号靠前。</p>
        <p>常用技能ID如下</p>
        <p>奇门飞宫：24378</p>
        <p>纵横三才·一：24858</p>
        <p>纵横三才·二：24859</p>
        <p>纵横三才·三：24860</p>
        <p>曳影剑·驱：25425</p>
        <p><img src="../pve/image/jianxin.png" height="800" width="1018" class="setimage"></p>
      </div>
    </el-card>
    <el-card :body-style="{ padding: '0px' }" shadow="never">
      <div class="text item">
        <p style="font-size: large"><label style="color: purple">BUFF监控</label></p>
        <p><label class="label">我们需要清晰的知道我们的卦象，目标火离DOT剩余时间以及我们技能的CD，通过茗伊插件设置可以方便我们清晰的知道技能情况。</label></p>
        <p><el-button size="small" round type="success"  @click="download_buff">点击下载监控文件</el-button></p>
        <p><a href="http://jx33.jasonsong.top/api/buff_download" id="dl"></a></p>
        <p>茗伊插件设置BUFF监控：</p>
        <p>1.在角色选择界面安装茗伊插件</p>
        <p>2.进入游戏界面右键头像，选择茗伊插件集-目标-目标监控，如下图所示</p>
        <p>3.点击导入.jx3dat文件</p>
        <p>4.根据自身喜好调整</p>
        <p><img src="../pve/image/mingyi.png" height="800" width="1018" class="setimage"></p>
      </div>
    </el-card>
    <el-card :body-style="{ padding: '0px' }" shadow="never">
      <div class="text item">
        <p style="font-size: large"><label style="color: purple">强化显示自身场上灯魂</label></p>
        <p><label class="label">有时场上特效较多，我们无法知道自身灯魂的位置，该设置可以较为清晰的展现灯魂位置及剩余时间</label></p>
        <p>剑心插件设置：</p>
        <p>1.在角色选择界面安装剑心插件</p>
        <p>2.进入游戏界面右键头像，选择剑心插件集-技能增强-技能名称设置，如下图所示</p>
        <p>3.选择自己-灯魂-右侧的齿轮和取色板-设置字体大小和颜色</p>
        <p>4.字体选择剪纸</p>
        <p><img src="../pve/image/denghun.png" height="800" width="1018" class="setimage"></p>
      </div>
    </el-card>





  </el-row>
</template>

<script>
  import { buff_download } from '../../../api/cal'
  export default {
    name: 'settings',
    methods:{
      download_buff(){
        const link = document.getElementById('dl')
        link.click()

      }

    }
  }
</script>

<style>
  .text {
    font-size: 14px;
  }

  .item {
    margin-bottom: 18px;
    margin-left: 20px;
  }

  .clearfix:before,
  .clearfix:after {
    display: table;
    content: "";
  }

  .clearfix:after {
    clear: both
  }

  .box-card {
    width: 100%;
    height: 100%;
  }
  .time {
    font-size: 13px;
    color: #999;
  }

  .bottom {
    margin-top: 13px;
    line-height: 12px;
  }

  .button {
    padding: 0;
    float: right;
  }

  .setimage {
    margin-left: 20px;
    width: 30%;
    height: 30%;
    display: block;
    object-fit: cover
  }

  .clearfix:before,
  .clearfix:after {
    display: table;
    content: "";
  }

  .clearfix:after {
    clear: both
  }

  .box {
    width: 400px;
  .top {
    text-align: center;
  }

  .left {
    float: left;
    width: 60px;
  }

  .right {
    float: right;
    width: 60px;
  }

  .bottom {
    clear: both;
    text-align: center;
  }

  .item {
    margin: 4px;
  }

  .left .el-tooltip__popper,
  .right .el-tooltip__popper {
    padding: 8px 10px;
  }
  }
</style>
